const renderHtml = require('./lib/render-html')
const renderCss = require('./lib/render-css')
const renderScript = require('./lib/render-script')
const { parseComponent } = require('vue-template-compiler')

module.exports = function (content) {
  this.cacheable() //缓存 webpack充分地利用缓存来提高编译效率
  // 异步 当一个 Loader 无依赖，可异步的时候我想都应该让它不再阻塞地去异步
  var cb = this.async()
  debugger
  const parts = parseComponent(content)
  if (parts.template) {
    renderHtml.call(this, parts.template)  
  }
  // if (parts.styles && parts.styles.length) {
  //   renderCss.call(this, parts.styles[0])  
  // }
  // if (parts.script) {
  //   // renderScript.call(this, parts.script, cb)
  // } else {
  //   cb(null, '')
  // }
}

